.preview_banner {position: relative;}
.preview_banner .content {width: 800px;margin: 0 auto;}
.preview_banner .Box_con {position: relative;}
.preview_banner .Box_con .btnl {position: absolute;}
.preview_banner .Box_con .btn {display: block;width: 44px;height: 66px;position: absolute;top: 80px;cursor: pointer;}
.preview_banner .Box_con .btnl {background: url(../../src/assets/images/goLeftIcon.png) no-repeat center;left: -72px;}
.preview_banner .Box_con .btnr {background: url(../../src/assets/images/goRightIcon.png) no-repeat center;right: -72px;}
.preview_banner .Box_con .btnl:hover {background: url(../../src/assets/images/goLeftIcon.png) no-repeat center;}
.preview_banner .Box_con .btnr:hover {background: url(../../src/assets/images/goRightIcon.png) no-repeat center;}
.preview_banner .Box_con .conbox {position: relative;overflow: hidden;}
.preview_banner .Box_con .conbox ul {position: relative;list-style: none;}
.preview_banner .Box_con .conbox ul li {float: left;width: 254px;height: 180px;margin-left: 20px;overflow: hidden;}
.preview_banner .Box_con .conbox ul li:first-child {margin-left: 0;}
.preview_banner .Box_con .conbox ul li img {display: block;width: 254px;height: 180px;transition: all 0.5s;}
.preview_banner .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.preview_banner .BoxSwitch {margin-top: 30px;text-align: center;}
.preview_banner .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.preview_banner .BoxSwitch span.cur {background:#478df1;}

